a/*html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;user-select:none; -webkit-user-select: none; -moz-user-select:none;
}*/

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

body{line-height:1;overflow:hidden;}

/*ol,ul{list-style:none;}*/

blockquote,q{quotes:none;}

blockquote:before,blockquote:after,q:before,q:after{content:none;}

table{border-collapse:collapse;border-spacing:0;}

.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}

.clearfix{display:inline-block;}html[xmlns] .clearfix{display:block;}* html .clearfix{height:1%;}

a {
	text-decoration:none;
}

input[type=text]{
	padding:5px;
}

input[type=password]{
	padding:5px;
}

/*Nanda - Notes: comment background-color for hide yellow color */
input[type=button]{
	padding:5px;
	/*background-color:#F3DE5F;*/
	border:1px solid black;
}

h3{
	margin:2px 0px;
}

p{
	margin:2px 0px;
}

body {
	margin:0px;
	padding:0px;
	font-family:arial;
}

#header {
	width: 100%;
	min-height: 110px;
	background: #86bae1;
}

.cloud {
	width: 115%; min-height: 60px;
	top: 50px;
	background: #f2f9fe;
	background: linear-gradient(top, #f2f9fe 5%, #d6f0fd 100%);
	background: -webkit-linear-gradient(top, #f2f9fe 5%, #d6f0fd 100%);
	background: -moz-linear-gradient(top, #f2f9fe 5%, #d6f0fd 100%);
	background: -ms-linear-gradient(top, #f2f9fe 5%, #d6f0fd 100%);
	background: -o-linear-gradient(top, #f2f9fe 5%, #d6f0fd 100%);
	position: relative;
	z-index: 2;
}

.clouds {
	content: '';
	position: absolute;
	background: #f2f9fe;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
}

.clouds.one {
	width: 130px;
	height: 100px;
	top: -3px;
	left: -20px;
	
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
}

.clouds.two{
	width: 80px;
	height: 70px;
	top: 12px;
	left: 61px;
	
	border-radius: 200px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
}

.clouds.three{
	width: 90px;
	height: 90px;
	top: 9px;
	left: 124px;

	border-radius: 200px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
}

.clouds.login {
	width: 400px;
	height: 150px;

	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	padding: 50px;
	text-align: center;
	margin: 100px auto;
	position: relative;
	border: 1px solid #ddd;
}

.clouds.login h2 {
	color: blue;
	font-size: 2em;
	position: absolute;
	top: 0px;
	margin: 0px auto;
}

.logo {
	display: block;
	width: 180px;
	height: 60px;
	position: absolute;
	background-size: 180px 60px;
	top: 5px;
	left:40%;
	z-index:3;
}

.menubox {
	min-width: 50px;
	min-height: 50px;
	position: absolute;
	left: 0px;
	z-index:30;
	top: 0px;
}

.menubox a {
	font-size: 1.5em;
	margin-left: 10px;
	margin-top: 5px;
	padding: 5px;
	cursor: pointer;
	float: left;
	color: #fff;
	padding: 5px;
	border: 2px solid #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.menubox a:hover {
	color: orange;
	border: 2px solid orange;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.menubox-small {
	display:iniline-block;
	max-width:250px;
}

.menubox-small a {
	font-size: 1.5em;
	margin-left: 13px;
	margin-top: 5px;
	padding: 5px;
	cursor: pointer;
	float: left;
	color: #fff;
	padding: 5px;
	border: 2px solid #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.menubox-small a:hover {
	color: orange;
	border: 2px solid orange;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.mode-tab-area {
	width:100%;
	min-height: 50px;
	position: absolute;
	left: 70%;
	width:200px;
	cursor: pointer;
	top: 0px;
	z-index:1;
	
}

.toolbox {
	width:965px;
	min-height: 50px;
	display:inline-block;
	position: absolute;
	left: 220px;
	top: 55px;
	z-index:3;
}

.toolbox-small {
	position: relative;
	display:iniline-block;
	max-width:250px;
}

.toolboxPrint {
	left: 20%;
    min-height: 50px;
    position: absolute;
    top: 55px;
    width: 60%;
	z-index:3;
}

.menuboxPrint {
	left: 45%;
    min-height: 50px;
    position: absolute;
    top: 0px;
    width: 10%;
}

.toolbox a, .toolbox-small a {
	font-size: 1.5em;
	margin-left: 10px;
	margin-top: 5px;
	display: block;
	cursor: pointer;
	float: left;
	color: #3569b4;
	padding: 5px;
	border: 2px solid #3569b4;
	border-radius: 40px;
	-webkit-border-radius: 40px;
}

.toolbox a:hover, .toolbox-small a:hover {
	color: red;
	border: 2px solid red;
	border-radius: 40px;
	-webkit-border-radius: 40px;
}
.toolbox  a.active, .toolbox-small  a.active  {
	color: red;
	border: 2px solid red;
	border-radius: 40px;
	-webkit-border-radius: 40px;
}

.toolbox click,.toolbox-small click {
	color: red;
	border: 2px solid red;
	border-radius: 40px;
	-webkit-border-radius: 40px;
}

.upload {
	width: 400px;
	height: 50px;
	position: absolute;
	left: 220px;
	top: 60px;
}

.upload a {
	font-size: 1.5em;
	margin-left: 10px;
	margin-top: 5px;
	display: block;
	cursor: pointer;
	float: left;
	color: #3569b4;
	padding: 5px;
	border: 2px solid #3569b4;
	border-radius: 40px;
	-webkit-border-radius: 40px;
}

.upload a:hover {
	color: red;
	border: 2px solid red;
	border-radius: 40px;
	-webkit-border-radius: 40px;
}

.userclassbox {
	width: 400px;
	height: 50px;
	position: absolute;
	left: 220px;
	top: 60px;
	font-size: 2em;
}

.accountbox {
	height: 30px;
	position: absolute;
	right: 40px;
	top: 10px;
	text-align: right;
}

.contents {
	width: 100%; 
	position: absolute;
	top: 0px;
	left: 0px;
}
.contents-preview {
	width: 100%; 
	height: 100%; 
	position: absolute;
	overflow:scroll;
	top: 0px;
	left: 0px;
}

.content {
	width: 100%;
	table-layout: fixed;
	background-color:#ccc;
}

	
	
canvas {
	position: absolute;
	background-color: transparent;
	cursor: move;
	-ms-touch-action: none;
	border: 1px dashed #ddd;
}

canvas.active {
	border: 1px dashed yellow;
}

.controls {
	width: 170px;
	padding: 10px;
	background: #3569b4;
	vertical-align: top;
	border-right: 1px solid rgba(0,0,0,0.5);
}

.controlbox {
	display: block;
	width: 160px;
	margin-top: 10px;
	padding: 10px 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow:  0px 0px 2px 2px rgba(255, 255, 255, 0.5);
	box-shadow:  0px 0px 2px 2px rgba(255, 255, 255, 0.5);
	overflow: hidden;
}

.controlbox.colorbox {
	height: 65px;
	background: pink;
}

.controlbox.penbox {
	background: #f5bc65;
}

.controlbox.textbox {
	height: 120px;
	background: #f3de5f;
}

.controlbox.additional1 {
	height: 40px;
	background: #a6ce59;
}

.controlbox.additional2 {
	height: 40px;
	background: #5dbe71;
}

.colorbox span {
	display: block;
	width: 15px;
	height: 15px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 5px solid white;
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.5);
	box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.5);
	cursor: pointer;
	overflow:hidden;
}

.colorbox span.active{
	border: 5px solid yellow;
}

.colorbox span.black {
	background: #000000;
}

.colorbox span.gray {
	background: #808080;
}

.colorbox span.lightgray {
	background: #C0C0C0;
}

.colorbox span.white {
	background: #FFFFFF;
}

.colorbox span.magenta {
	background: #830006;
}

.colorbox span.red {
	background: #FF0017;
}

.colorbox span.purple {
	background: #83067B;
}

.colorbox span.green {
	background: #FF17F5;
}

.colorbox span.lightgreen {
	background: #007F25;
}

.colorbox span.darkkhaki {
	background: #00FE25;
}

.colorbox span.yellow {
	background: #807F27;
}

.colorbox span.darkblue {
	background: #FFFD56;
}

.colorbox span.blue {
	background: #020A7A;
}

.colorbox span.mossgreen {
	background: #0620F4;
}

.colorbox span.lightblue {
	background: #00807F;
}


.checkbox-page {
 background-color: transparent;
 padding: 0;
 border: 0;
}

.layers {
	width: 130px;
	height:500px;
	overflow: auto;
	background: #fff;
	position: relative;
	vertical-align: top;
	-webkit-box-shadow:  inset 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
}
.history_column {
	width:390px;
	max-height:300px;
	overflow: auto;
	background: #fff;
	position: relative;
	vertical-align: top;
	-webkit-box-shadow:  inset 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
}
.minimize_history{
	background-image:url('images/minimize.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
	position:absolute;
	width:32px;
	height:32px;
	top:0px;
	left:360px;
	cursor:pointer;
}
.layerboxContainer {
	width: 130px;
	overflow: auto;
	background: #fff;
	position: relative;
	vertical-align: top;
	-webkit-box-shadow:  inset 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
}
.history_column  span {
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	background: #f3de5f;
	border: 1px solid rgba(0,0,0,0.5);
}
 
.historyContainer  {
	width: auto;
	height: 600px;
	overflow: auto;
	background: #fff;
	position: relative;
	vertical-align: top;
	-webkit-box-shadow:  inset 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
}

.layers span {
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	background: #f3de5f;
	border: 1px solid rgba(0,0,0,0.5);
}
.titlespan {
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: left;
	padding-left: 10px;
	background: #f3de5f;
	border: 1px solid rgba(0,0,0,0.5);
}

.layerbox {
	display: block;
	width: 80px;
	height: 60px;
	margin-top: 10px;
	margin-left: 10px;
	padding: 5px;
	-webkit-box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.5);
	box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.5);
	overflow: hidden;
	border: 1px solid #888;
}

.layerbox:hover{
	border: 2px solid yellow;
	cursor: pointer;
}

.layerbox:active{
	border: 2px solid red;
}


#canvasContainer {
	position: relative;
}

.button_login {
	display: block;
	padding: 5px 10px;
	cursor: pointer;
	background: #f2f9fe;
	background: linear-gradient(top, #f2f9fe 5%, #d6f0fd 100%);
	background: -webkit-linear-gradient(top, #f2f9fe 5%, #d6f0fd 100%);
	background: -moz-linear-gradient(top, #f2f9fe 5%, #d6f0fd 100%);
	background: -ms-linear-gradient(top, #f2f9fe 5%, #d6f0fd 100%);
	background: -o-linear-gradient(top, #f2f9fe 5%, #d6f0fd 100%);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #aaa;
	margin: 20px auto;
}

.sessionlist-title {
	display: block;
	font-size: 1.2em;
	padding: 5px 10px;
	background: #86bae1;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}


.sessionlist {
	display: block;
	font-size: 1.2em;
	padding: 5px 10px;
	background: #ddd;
	border-bottom: 1px solid #fff;
	cursor: pointer;
}

.sessionlist:hover {
	background: orange;
}

.session_lastupdate {
	font-size: .7em;
	line-height: 1.2em;
	float: right;
}

.drawcanvas {
	position: relative;
	font-size: 2em;
	margin-left: 4px;
	top: 5px;
	padding: 5px;
	cursor: pointer;
	color: blue;
	border: 2px solid blue;
}

.drawcanvas:hover {
	color: #fff;
	border: 2px solid #fff;
}

.chart-tools:hover{
	color: #fff;
	border: 2px solid #fff;
}

.table-tools:hover{
	color: #fff;
	border: 2px solid #fff;
}

.additional1 .drawcanvas{
	color: white;
	border: 2px solid white;
}

.additional1 .drawcanvas.inputimage{
	-webkit-appearance: none;
}

.additional1 .drawcanvas:hover {
	color: blue;
	border: 2px solid blue;
}

.additional2 .drawcanvas .chart-tools{
	color: #fff;
	border: 2px solid #fff;
}

.additional2 .drawcanvas:hover .chart-line-tools:hover{
	color: blue;
	border: 2px solid blue;
}

.sliderwrapper {
	width: 100%;
	margin-top: 15px;
	font-size: .8em;
	font-weight: bolder;
	text-align: center;
	margin-bottom: 5px;
}

.sliderwrapper .k-label {
	font-size: .7em;
}

.linethickslider {
	width: 100%;
}

.linealphaslider {
	width: 100%;
}

.fontsizeslider {
	width: 100%;
}

.fonttypeselect {
	width: 100%;
}

.linethickslider .k-slider-selection{
	background-color: #86bae1;
}

.linealphaslider .k-slider-selection{
	background-color: #86bae1;
}

.linethickslider .k-draghandle.k-state-selected:hover {
	background-image: url('textures/highlight.png');
	background-image: none,-webkit-linear-gradient(top,#fe761b 0,#e15613 100%);
	background-image: none,-moz-linear-gradient(top,#fe761b 0,#e15613 100%);
	background-image: none,-o-linear-gradient(top,#fe761b 0,#e15613 100%);
	background-image: none,linear-gradient(to bottom,#fe761b 0,#e15613 100%);
	background-position: 50% 50%;
}

#canvasFake {
	cursor: crosshair;
	display: block;
}

#canvasFake.active {
	display: block;
}

.canvascontrol {
	display: none;
	position: absolute;
	right: 12px;
	top: 47px;
	padding: 10px;
	font-weight: bolder;
	background: #86bae1;
	border: 1px solid #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow:  5px 5px 10px 2px rgba(0, 0, 0, 0.5);
	box-shadow:  5px 5px 10px 2px rgba(0, 0, 0, 0.5);
}

.canvascontrol.active {
	display: block;
}

.canvascontrol a {
	font-size: 1.5em;
	color: blue;
	cursor: pointer;
}

.canvascontrol a:hover {
	color: orange;
}

.drawContainer {
	overflow: hidden;
	position:absolute;
}

.drawPreviewContainer {  
	height:50px;
	width:150px;
	border: 1px solid rgb(130, 69, 9);
	position: relative;
}
.login_style{
	background-color:#fff;
	border:8px solid #A6D2F7;
}
#rootContainer{
	background-color:white;
	width:970px;
	height:600px;
	position:relative;
	border:2px solid blue;
	overflow:hidden;
}

#rootPrintContainer{
	background-color:white;
	width:970px;
	height:600px;
	position:relative;
	border:2px solid yellow;
}

#kineticCanvas{
	/*background-color:white;*/
	width:970px;
	height:600px;
	position:absolute;
	z-index:23;
}

.width_list:hover{
	background-color:rgb(100,149,237);
}

.style_list:hover{
	background-color:rgb(100,149,237);
}

/*more style here*/
.ui-state-disabled{
	opacity:1;
}

#nic-edit-panel-container{
	padding:5px;
	z-index:9999;
	display:none;
	position:absolute;
	background-color:#ccc;
	border:1px solid black;
}

#nic-sticky-edit-panel-container{
	padding:5px;
	z-index:9999;
	display:none;
	position:absolute;
	background-color:#ccc;
	border:1px solid black;
}

.right{
	float:right;
}

#nic-edit-panel{
	margin-bottom:5px;
	width:350px;
}

#nic-sticky-edit-panel{
	margin-bottom:5px;
	width:350px;
}

.nic-edit-element{
	padding:10px;
	position:absolute;
	z-index:2;
	width:300px;
	height:25px;
	word-wrap:break-word;
}

.nic-sticky-edit-element{
    min-height: 80px;
    min-width: 200px;
    padding: 10px;
    position: absolute;
    z-index: 2;
}

.nic-editmode{
	background-color:black;
	border:2px solid red;
}

#shape-dragable-menu {
	 width: 250px; 
	 min-height: 150px; 
	 padding: 5px; 
	 position:absolute;
	 z-index:24;
	 background-color:#ccc;
	 display:none;
}

#shape-dragable-menu .toolbox-color-container{
	width:120px;
	min-height:10px;
	float:left;
	clear:both;
}

.toolbox-btn-bar{
	clear:both;
}

.toolbox-btn-bar span a{
	overflow:hidden;
}

#uplimg-dragable-menu {
	 width: 245px; 
	 padding: 5px; 
	 position:center;
	 z-index:999995;
	 background-color:#ccc;
	 display:none;
}

#chart-dragable-menu {
	 width: 420px; 
	 min-height: 135px;
	 padding: 5px; 
	 position:center;
	 z-index:888888;
	 background-color:#ccc;
	 display:none;
}

#user-list-dialog-menu {
	 width: 158px; 
	 padding: 5px; 
	 position:center;
	 z-index:888888;
	 background-color:#ccc;
	 display:none;
}
#initial-table-dragable-menu {
	 width: 358px; 
	 padding: 5px; 
	 position:center;
	 z-index:888888;
	 background-color:#ccc;
	 display:none;
}


#pick-color-dragable-menu {
	 width: 336px; 
	 min-height: 135px;
	 padding: 5px; 
	 position:center;
	 z-index:999999;
	 background-color:#ccc;
	 display:none;
}

#recover-dragable-menu{
	 padding: 5px; 
	 position:center;
	 z-index:999999;
	 background-color:#ccc;
	 display:none;
	 width:213px;
}

#initial-rotation-dragable-menu {
	width: 420px; 
	 min-height: 135px;
	 padding: 5px; 
	 position:center;
	 z-index:999999;
	 background-color:#ccc;
	 display:none;
}

#text-logo-dragable-menu {
	 width: 336px; 
	 min-height: 135px;
	 padding: 5px; 
	 position:center;
	 z-index:9999999;
	 background-color:#ccc;
	 display:none;
}

#colorText1,#colorText2,#textBackground1,#colorShadow{
	border: 1px solid;
    height: 27px;
    width: 40px;
	margin: 0 auto;
}

.rgb{
	width: 30px;
}

#preview{
	 background: none repeat scroll 0 0 white;
    border: 1px solid;
    display: block;
    float: right;
    height: 50px;
    width: 50px;
}

#list-value{
	background: none repeat scroll 0 0 #CCCCCC;
    display: block;
    margin: 2px;
    min-height: 190px;
}

.list-value-width{
	background: none repeat scroll 0 0 #CCCCCC;
    
	width: 66px; 
    margin: 2px;
    min-height: 190px;
	border: 2px solid;
}

.list-value-style{
	background: none repeat scroll 0 0 #CCCCCC;
    
	width: 66px;
	height: 27px;
    margin: 2px;
    min-height: 190px;
	border: 2px solid;
}

#left-toolbox{
	border-bottom: 1px solid;
    clear: both;
    text-align: left;
}

#file-upload-dragable-menu {
	 width: 235px; 
	 min-height: 135px;
	 padding: 5px; 
	 position:center;
	 z-index:999995;
	 background-color:#ccc;
	 display:none;
}

#save-as-dragable-menu {
	 padding: 5px; 
	 width:130px;
	 position:center;
	 z-index:999995;
	 background-color:#ccc;
	 display:none;
}



.table tr td{
	vertical-align:top;
	padding:5px;
}

.table-border-black tr td{
	border:1px solid black;
}

.table tr td{
	text-align:center;
}

.color-white{
	color:white;
}

.bg-white{
	background-color:white;
}

.bg-draw-blue{
	background-color:#3569B4;
}

.title{
	font-size:15px;
	font-weight:bold;
}

.tagline{
	text-align:left;
	clear:both;
	float:left;
	padding:5px;
	font-size:12px;
}

.full-width{
	width:100%;
}
.image {
    width: 300px;
    height: 40px;
    overflow: hidden;
	position:absolute;
	min-width:60px;
	min-height:60px;
}
.image img{
    width: 100%;
    height: 100%;
}
#nwgrip, #negrip, #swgrip, #segrip, #ngrip, #egrip, #sgrip, #wgrip {
    width: 20px;
    height: 20px;
}
#nwgrip {
    left: -5px;
    top: -5px;
}
#negrip{
     top: -5px;
     right: -5px;
}
#swgrip{
    bottom: -5px;
    left: -5px;
}
#segrip{
     bottom: -5px;
    right:-5px;
}
#ngrip{
     top: -5px;
    left:50%;
}
#sgrip{
     bottom: -5px;
    left: 50%;
}
#wgrip{
     left:-5px;
     top:50%;
}
#egrip{
     right:-5px;
     top:50%;
}

#bubble-dragable-menu {
	 width: 350px; 
	 min-height: 120px; 
	 padding: 5px; 
	 position:absolute;
	 z-index:999995;
	 background-color:#ccc;
	 display:none;
}

#bubble-dragable-menu .toolbox-color-container{
	width:350px;
	height:100px;
	float:left;
	clear:both;
}
#sticky-dragable-menu {
	 width: 350px; 
	 min-height: 120px; 
	 padding: 5px; 
	 position:absolute;
	 z-index:999995;
	 background-color:#ccc;
	 display:none;
}

#sticky-dragable-menu .toolbox-color-container{
	width:350px;
	height:100px;
	float:left;
	clear:both;
}

#stamp-dragable-menu {
	 width: 230px; 
	 min-height: 120px; 
	 padding: 5px; 
	 position:absolute;
	 z-index:999995;
	 background-color:#ccc;
	 display:none;
}

#stamp-dragable-menu .toolbox-color-container{
	width:240px;
	height:100px;
	float:left;
	clear:both;
}

#overlay {
	background-color: black;
    display: none;
    height: 200%;
    opacity: 0.8;
    position: absolute;
    width: 200%;
    z-index: 999999;
}

#overlay-event {
	background-color: black;
    height: 200%;
    opacity: 0.5;
    position: absolute;
    width: 200%;
    z-index: 5555;
	display: none;
}

#img-loading {
	position:fixed;
    top: 50%;
    left: 50%;
}

.creation-stamp img{
	width:40px;
}
#imagePreview{
	width:80%;
	margin-top:10px;
}

.chart-tools {
	border: 2px solid blue;
    color: blue;
    cursor: pointer;
    font-size: 2em;
    margin-left: 4px;
    padding: 5px;
    position: relative;
    top: 5px;
}
.chart-point-box{
	background-color: #98ed76;
    float: left;
    overflow: hidden;
    text-align: left;
    width: 100%;
	border :1px solid;
}

.chart-point-box-selected{
	background-color: #3b9618;
    float: left;
    overflow: hidden;
    text-align: left;
    width: 100%;
	border :1px solid;
}


#creation-pencil{
	background-image:url('images/icon-draw.png');
	background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;
}

#creation-line{
	background-image:url('images/icon-draw.png');
	background-repeat: no-repeat;
	background-position: -25px -1px;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;
}

#creation-arrow{
	background-image:url('images/icon-draw.png');
	background-repeat: no-repeat;
	background-position: -50px -1px;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;
}

#creation-circle{
	background-image:url('images/icon-draw.png');
	background-repeat: no-repeat;
	background-position: -73px -1px;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;
}

#creation-rect{
	background-image:url('images/icon-draw.png');
	background-repeat: no-repeat;
	background-position: -121px -1px;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;
}

#creation-rect-round{
	background-image:url('images/icon-draw.png');
	background-repeat: no-repeat;
	background-position: -96px -1px;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;
}

#creation-circle-fill{
	background-image:url('images/icon-draw.png');
	background-repeat: no-repeat;
	background-position: -145px -1px;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;
}

#creation-rect-fill{
	background-image:url('images/icon-draw.png');
	background-repeat: no-repeat;
	background-position: -192px -1px;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;
}

#creation-rect-round-fill{
	background-image:url('images/icon-draw.png');
	background-repeat: no-repeat;
	background-position: -168px -1px;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;
}

#bucket{
	background-image:url('images/icon-draw.png');
	background-repeat: no-repeat;
	background-position: -216px -1px;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;
}

#erase{
	background-image:url('images/icon-draw.png');
	background-repeat: no-repeat;
	background-position: -239px -1px;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;

}

.undo{
	background-image:url('images/undoredo.png');
	background-repeat: no-repeat;
	background-position: 0px -1px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 20px;
    cursor:pointer;
}

.undo_cont,.redo_cont{
	cursor:pointer;
}

.redo{
	background-image:url('images/undoredo.png');
	background-repeat: no-repeat;
	background-position: -20px -1px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 20px;
    cursor:pointer;
}

.icon_shape{
	background-image:url('images/toolbox.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;
}


.icon_pic{
	background-image:url('images/toolbox.png');
	background-repeat: no-repeat;
	background-position: -28px 5px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;
}

.icon_text_edit{
	background-image:url('images/toolbox.png');
	background-repeat: no-repeat;
	background-position: -60px 5px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;
}

.icon_stamp{
	background-image:url('images/toolbox.png');
	background-repeat: no-repeat;
	background-position: -92px 5px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;
}

.icon_sticky{
	background-image:url('images/toolbox.png');
	background-repeat: no-repeat;
	background-position: -123px 5px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;
}

.icon_attach{
	background-image:url('images/toolbox.png');
	background-repeat: no-repeat;
	background-position: -156px 5px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;
}

.icon_logo{
	background-image:url('images/toolbox.png');
	background-repeat: no-repeat;
	background-position: -188px 5px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;
}

.icon_chart{
	background-image:url('images/toolbox.png');
	background-repeat: no-repeat;
	background-position: -219px 5px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;

}
.icon_recycle{
	background-image:url('images/toolbox.png');
	background-repeat: no-repeat;
	background-position: -382px 5px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;

}
.icon_undo{
	background-image:url('images/toolbox.png');
	background-repeat: no-repeat;
	background-position: -414px 5px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;

}
.icon_redo{
	background-image:url('images/toolbox.png');
	background-repeat: no-repeat;
	background-position: -441px 5px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;

}

.icon_table{
	background-image:url('images/toolbox.png');
	background-repeat: no-repeat;
	background-position: -253px 5px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;

}
.icon_preview{
	background-image: url('images/zoom.png'); 
	speak: none;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	width: 30px;
	height: 30px;
	-webkit-font-smoothing: antialiased;
}

.icon_text_bubble{
	background-image:url('images/toolbox.png');
	background-repeat: no-repeat;
	background-position: -317px 4px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;

}
.icon_pencil_blue{
	background-image:url('images/toolbox.png');
	background-repeat: no-repeat;
	background-position: -350px 4px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;

}

#chat_div_cont{
	position:fixed;
	z-index:9999;
	bottom:0;
	width:100%;
	height:200px;
}


.Image{
	background-image: url('images/picker.gif');

}
.ico-open-template-page{
	background-image: url('images/template_page_icon.png'); 
	speak: none;
	background-repeat: no-repeat;
	background-position: 2px 3px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	width: 25px;
	height: 25px;
	-webkit-font-smoothing: antialiased;
}

.ico-open-template-page:hover{
	background-image: url('images/template_page_icon_hover.png');  
}
.ico-eraser-page{
	background-image:url('images/erase_page_icon.png');
	background-repeat: no-repeat;
	background-position: 5px 6px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;
}
.ico-new-file{
	background-image:url('images/ico-new-file.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;
}
.ico-disk-save{
	background-image:url('images/ico-save.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;
}
.ico-config{
	background-image:url('images/ico-setting.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;
}
.ico-grid{
	background-image:url('images/ico-grid.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;
}
.ico-new-page{
	background-image:url('images/new_page_icon.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;
}
.ico-print-file{
	background-image:url('images/ico-print.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;
}
.ico-delete-bg{
	background-image:url('images/reset_bg_icon.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;
}
.ico-eraser-file{
	background-image: url('images/erase_file_icon.png'); 
	speak: none;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	width: 30px;
	height: 30px;
	-webkit-font-smoothing: antialiased;
	padding:0px;
}
.ico-list-user{
	background-image: url('images/user_list_icon.png'); 
	speak: none;
	background-repeat: no-repeat;
	background-position: 6px 5px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	width: 30px;
	height: 30px;
	-webkit-font-smoothing: antialiased;
	padding:0px;
}
.ico-player{
	background-image:url('images/player_icon.png');
	background-repeat: no-repeat;
	background-position: 5px 4px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;
}
.ico-open-file{
	background-image:url('images/open_page_icon.png');
	background-repeat: no-repeat;
	background-position: 5px 4px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;
}
.ico-open-file-template{
	background-image:url('images/ico-open-template.png');
	background-repeat: no-repeat;
	background-position: 5px 4px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;
}
.ico-eraser-obj{
	background-image:url('images/erase.png');
	background-repeat: no-repeat;
	background-position: 5px 4px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;
}
.ico-copy-paste{
	background-image:url('images/copy.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;
}
.ico-hand{
	background-image:url('images/hand.png');
	background-repeat: no-repeat;
	background-position: 5px 6px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 30px;
}
.button_minimize{
	background-image:url('images/minimize.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
	position:absolute;
	width:32px;
	height:32px;
	top:0px;
	right:0px;
	cursor:pointer;
}
.minimize_parent{
	border-radius:5px 5px 5px 5px;
	height:15px;
	width:15px;
	border:2px solid #000;
	color:#000;
	position:absolute;
	cursor:pointer;
	float:right;
	text-align:center;
	background-color:#fff;
	margin:2px;
}
.button_maximize{
	background-image:url('images/minimize.png');
	background-repeat:no-repeat;
	background-position:-32px 0px;
	position:absolute;
	width:32px;
	height:32px;
	top:0px;
	right:0px;
	cursor:pointer;
}
.maximize_parent{
	border-radius:5px 5px 5px 5px;
	height:15px;
	width:15px;
	border:2px solid #000;
	color:#000;
	position:absolute;
	cursor:pointer;
	float:right;
	text-align:left;
	background-color:#fff;
	margin:2px;
	background-image:url('images/max.png');
	background-repeat:no-repeat;
	background-position:3px 3px;
}
#maximize{
	width:100%;
	height:32px;
	display:none;
	background: -moz-linear-gradient(top, rgba(240,249,255,1) 0%, rgba(203,235,255,1) 47%, rgba(161,219,255,1) 100%);
	
}

#page-file-dragable-menu {
	background-color: #CCCCCC;
    display: none;
    padding: 5px;
    position: absolute;
    
    z-index: 999995;
}
#new-page-dragable-menu {
	background-color: #CCCCCC;
    display: none;
    padding: 5px;
    position: absolute;
    
    z-index: 999995;
}
#open-file-dragable-menu {
	background-color: #CCCCCC;
    display: none;
    padding: 5px;
    position: absolute;
    z-index: 999995;
}
#open-file-template-dragable-menu {
	background-color: #CCCCCC;
    display: none;
    padding: 5px;
    position: absolute;
    z-index: 999995;
}

#lock-dragable-menu {
	background-color: #CCCCCC;
    display: none;
    padding: 5px;
    position: absolute;
    z-index: 999995;
}

#unlock-dragable-menu {
	background-color: #CCCCCC;
    display: none;
    padding: 5px;
    position: absolute;
    z-index: 999995;
}



.stmp a img.active {
	border: 2px solid #3569B4;
}

#property-dragable-menu {
	 width: 170px; 
	 
	 padding: 5px; 
	 position:center;
	 z-index:999995;
	 background-color:#ccc;
	 display:none;
}
.grid {
    border: 1px dashed #ccc;
    border-width: 1px 0 0 1px;
	top:0px;
	left:0px;
	position:absolute;
}

.cell {
    border: 1px dashed #ccc;
    border-width: 0 1px 1px 0;
    float: left;
}
.button-mode{
	color:#fff;
	font-weight:bold;
	border-radius:5px 5px 5px 5px;
	background-color:transparent !important;
	border:2px solid #fff !important;
	margin:5px 17px!important;
	padding:7.5px 5px !important;
}
.separator{
	height:40px;
	width:2px;
	background-color:#3569b4;
	float:left;
	margin:8px 0px 0px 10px;
}
.sticky {
  -webkit-box-shadow: #DDD 0px 1px 2px;
  position: absolute;
  background-color: #F4F39E;
  border-color: #DEE184;
  text-align: center;
  padding: 1.5em 1em;
  min-width: 171px;
  -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
  box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
  font-family: Chalkboard, 'Comic Sans';
}
.sticky.taped:after {
  display: block;
  content: "";
  position: absolute; 
  width: 151px;
  height: 35px;
  min-width: 151px;
  min-height: 151px;
  top: -21px;
  left: 0px;    
  background: transparent url(images/pin.png) 0 0 no-repeat;
}
.tabs {
      position: absolute;   
      height: 70px;
      clear: both;
      z-index:9999;
	  top:-28px;
	  left:65px;
    }
.tab {
    float: left;
}
.tab label {
    background: #3569b4; 
    padding: 11px; 
    border: 1px 1px 0px 1px solid #ccc; 
    margin-left: 5px; 
    position: relative;
    left: 1px; 
	border-radius:5px 5px 0px 0px;
	font-size:13px;
	color:#fff;
	font-weight:bold;
    }
.tab [type=radio] {
    display: none;   
}
.content-tabs {
    position: absolute;
    top: 28px;
    background: #f2f9fe;
	background: linear-gradient(top, #f2f9fe 5%, #d6f0fd 100%);
	background: -webkit-linear-gradient(top, #f2f9fe 5%, #d6f0fd 100%);
	background: -moz-linear-gradient(top, #f2f9fe 5%, #d6f0fd 100%);
	background: -ms-linear-gradient(top, #f2f9fe 5%, #d6f0fd 100%);
	background: -o-linear-gradient(top, #f2f9fe 5%, #d6f0fd 100%);
    left: -70px;
    bottom: 0;
    padding: 5px;
	height:50px;
	width:960px;
}
[type=radio]:checked ~ label {
    background: #f2f9fe;
    z-index: 2;
	font-size:13px;
	border-bottom: 1px  solid #f2f9fe; 
	color:#3569b4;
	font-weight:bold;
}
[type=radio]:checked ~ label ~ .content-tabs {
    z-index: 1;
}

.file_title{
	width:100%;
}

.file-list-item{
	background-image : url('images/line.png');
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:10px;
}